/* 头部 */
#menu a{
    color: rgb(51, 51, 51);
}
#menu a:hover{
    color: #c81623;
}
.navbar{
    font-size: 16px;
}
.headercol{
    background-color:#fff;
    padding-top: 15px;
    border-bottom: 1px solid rgb(202, 202, 202);
}
.headercol .search-new{
    padding-top: 10px;
}
.navbar-default{
    background-color: transparent; border: none; 
}
#nav-brand-itheima{
    display: block; padding-top: 6px;
    margin-right: 5px;
    margin-left: 18px;
}
#nav-brand-itheima img{
    width: 205px; height: 36px;
}
.navbar-nav .nav li a:hover{
    color:#cf0a2c;
}
.navbar-nav{
    margin-left: 8px;
}

/* 页脚 */
.colol{
    margin-top: 100px;
    background-color:rgb(77, 155, 185);
}
.footer_content {
    height: 50px;
    font-size: 20px;
    line-height: 50px;

}
.footer_content p{
    display: block;
    width: 400px;
    margin: 0 auto;
}

/* 面包屑 */
.bread{
    color: #666;
    padding-top: 23px;
    padding-bottom: 23px;
    line-height: 1.5;
}
.bread a{
    font-family: 微软雅黑,宋体;
    text-decoration: none;
}
.bread span{
    color: #333;
}


/* 左边商品图片 */
/* 小图200px 大图400px 遮罩100px 放大的大图200px */
/* 小图400px 大图800px 遮罩200px 放大的大图400px */
/* 小图400px 大图600px 遮罩200px 放大的大图300px 1.5倍*/
/* 小图400px 大图700px 遮罩200px 放大的大图350px 1.75倍  大图和放大的大图2倍。js的倍数是小图和大图的倍数*/
/* 小图450px 大图800px 遮罩200px 放大的大图400px 1.7倍  */
/* 小图400px 大图700px 遮罩200px 放大的大图350px 1.75倍  */
.phonebox1{
    height: 530px;
    background-color: #fff;
}
.all{
    width: 400px;
    height: 400px;
    position: relative;
}
.phonebox1 img{
    vertical-align: top;
}
.imgsmallbox{
    position: relative;
}
.imgsmallBox img{
    width: 400px;
    height: 400px;
}
.imgdown{
    padding:20px 20px 20px 37px
}
.imgdown img{
    margin-left: 1px;
    width: 60px;
    height: 60px;
}
.imgbigBox{
    background-color: #fff;
    width: 350px;
    height: 350px;
    position: absolute;
    top: 0;
    left: 400px;
    border: 1px solid rgb(80, 55, 55);
    overflow: hidden;
    display: none;
    z-index:99999;
}
.imgbigBox img{
    position: absolute;
    width: 700px;
    height: 700px;
}
.mask{
    width: 200px;
    height: 200px;
    background: rgba(255, 255, 255, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    cursor: move;
    display: none;
}

/* 右边商品详情 */
.rightbox{
    /* width: 550px;  */
    height: 530px;
}
.rightbox .right-one {
    font-size: 20px;
    margin-bottom: 18px;
}
.rightbox .right-two{
    font-size: 12px;
    margin-bottom: 18px;
    overflow: hidden;
}
.rightbox .right-three{
    height: 155px;
    background: #f5f5f5;
    padding-top: 14px;
    padding-bottom: 3px;
}
.rightbox .right-three .right-three-row1{
    padding-bottom: 4px;
}
.row1-span{
    float: left;
    width: 85px;
    text-indent: 10px;
    line-height: 35px;
    padding-left: 7px;
}
.row1-span2{
    float: left;
    width: 85px;
    text-indent: 10px;
    line-height: 30px;
    padding-left: 7px;
}
.rightbox .right-three .right-three-row1 span:last-child{
    color: #ca141d;
    padding-right: 3px;
    font-size: 24px;
}
.right-three-row2-span{
    display: block;
    float: left;
    overflow: hidden;
}
.tag{
    float: left;
    line-height: 18px;
    height: 18px;
    border: 1px solid #ca141d;
    padding: 0 6px;
    min-width: 24px;
    color: #ca141d;
    text-align: center;
    margin-right: 10px;
    margin-top: 5px;
}
.tagdown{
    float: left;
    line-height: 1.5;
    margin-top: 6px;
    /* max-width: 485px; */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}
.right-four{
    margin-top: 10px;
}
.right-six{
    margin-bottom: 10px;
}
.right-six .span1 span {
    cursor: pointer;
    display: inline-block;
    width: 150px;
    height: 30px;
    line-height:30px;
    text-align: center;
    border: 1px solid #ccc;
    margin-right: 5px;
}
.right-six input:checked+span {
    border: 1px solid #ca141d;
}

/* 加入购物车和立即下单两个按钮 */
.product-buttonmain {
    margin-left: 85px;
}
.product-button a {
    float: left;
    margin-right: 10px;
    text-decoration: none;
}
.product-button a:hover{
    color: rgb(248, 244, 244);
}
.product-button01 {
    display: block;
    background: #fc600c;
    width: 155px;
    height: 46px;
    font-size: 18px;
    line-height: 46px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    border: 0;
    cursor: pointer;
}
.product-button02 {
    display: block;
    background: #ca151d;
    width: 155px;
    height: 46px;
    font-size: 18px;
    line-height: 46px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    border: 0;
    cursor: pointer;
}
.product-button02 span {
    width: 131px;
    letter-spacing: 1px; /* 检索或设置对象中的文字之间的间隔 */
    display: block;
    overflow: hidden;
    white-space: nowrap;/* 规定段落中的文本不进行换行： */
    margin: 0 auto;
}
/*收藏图标*/
/*.form-group .phonebox1 .collect{*/
/*    margin-top: 100px;display: block;height: 20px;text-decoration: none;cursor: pointer;*/
/*}*/
/*.form-group .phonebox1 .collect span{*/
/*    line-height: 20px;color: #999;*/
/*}*/
/*.container #blockbox{*/
/*    border: solid 1px rgb(75, 69, 69);width: 547px;height: 100px;background: #fff;z-index: 200;margin-left: 276px;position: fixed;top: 300px;*/
/*}*/
/*.container #blockbox #blockbox_main{*/
/*    margin: 20px 0px 0px 30px;*/
/*}*/
/*.container #blockbox #blockbox_main img{*/
/*    width: 30px;height: 30px;*/
/*}*/
/*.container #blockbox #blockbox_main span{*/
/*    line-height: 30px;font-weight: bold;font-size: 15px;*/
/*}*/

/* 下面的详情 */
#div2 ul .active a{
    border-top: 2px solid #FF0036;
}
.tab-content{
    padding-top: 20px;
}
.assess-tag1-1{
    padding-top: 20px;
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
}
.assess-tag1-p{
    width: 100px;
    height: 30px;
    background-color: #ff5500;
    font-size: 13px;
    color: #fff;
    line-height: 30px;
    text-align: center;
}
.assess-tag1-1 .s-1{
    width: 70px; 
    height: 30px;
    margin-right: 40px;
}
.assess-tag1-1 .s-2{
    width: 100px;
    height: 30px;
}
.assess-content p{
    padding-top: 15px;
    padding-bottom: 20px;
    border-bottom: solid 1px #ccc;
    font-size: 15px;
}
